 
.menugrid{
    width:100%; 
    /*background: url("../assets/MenuGrid/bj.png");
    */
    background: #fff;
    background-size: 100%;
}
.menugrid .title{
        vertical-align: middle;
    text-align: center;
    padding: 10px; color: #fff}
.menugrid .main{
    width:100%;
    height: 100%
}
.menugrid .main>div{
        min-height: 60px;
    position: relative; 
    font-size: 16px;
    box-sizing: border-box;
    float: left;
    width: 33.33%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid#F5F5F5; 
        padding: 10px;
}
.menugrid .main>div>div{
position: relative; 
width:100%;
margin: 0 auto;
color: #000;
}
.menugrid .main>div>div p{
        /*position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
        white-space: nowrap;*/
}
.menugrid .main  i{      
    height: 30px;
    width: 30px;
    background-size: contain;
    /*position: absolute;
    left:50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    background-repeat: no-repeat;*/
    }

.menugrid .icon-twcyb{ background: url("../assets/MenuGrid/icon-twcyb.png")}
.menugrid .icon-hyyb{ background: url("../assets/MenuGrid/icon-hyyb.png")}
.menugrid .icon-hxyb{ background: url("../assets/MenuGrid/icon-hxyb.png")}
.menugrid .icon-jqyb{ background: url("../assets/MenuGrid/icon-jqyb.png")}
.menugrid .icon-hsycyb{ background: url("../assets/MenuGrid/icon-hsycyb.png")}
.menugrid .icon-ygyb{ background: url("../assets/MenuGrid/icon-ygyb.png")}
.menugrid .icon-yzqyb{ background: url("../assets/MenuGrid/icon-yzqyb.png")}
.menugrid .icon-ycyb{ background: url("../assets/MenuGrid/icon-ycyb.png")}
.menugrid .icon-zhyb{ background: url("../assets/MenuGrid/icon-zhyb.png")}
.menugrid .icon-tf{ background: url("../assets/MenuGrid/icon-tf.png")}
.menugrid .icon-hysk{ background: url("../assets/MenuGrid/icon-hysk.png")}
.menugrid .icon-hykp{ background: url("../assets/MenuGrid/icon-hykp.png")}
.menugrid .icon-atide{ background: url("../assets/MenuGrid/icon-atide.png")}

